@result: voting-result;

.@{result} {
  height: 100%;
  position: relative;
  background-color: @fill-body;
  color: @color-text-paragraph;
  &-btns {
    position: absolute;
    width: 100%;
    bottom: 0;
  }
  &-container {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 47 * @hd;
    overflow: hidden;
    &-box {
      height: 100%;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
    }
    &-title {
      background-color: @fill-base;
      font-size: @font-size-heading;
      padding: 13 * @hd 21 * @hd;
    }
    &-msg {
      background-color: @fill-base;
      position: relative;
      border-radius: 10 * @hd;
      border: @border-width-sm solid #F1F1F1;
      margin: 8 * @hd 12 * @hd 0 12 * @hd;
      padding: 17 * @hd 18 * @hd;
      box-sizing: border-box;
      .adSearch {
        position: absolute;
        right: 18 * @hd;
      }
      .statistics {
        width: 100%;
        text-align: center;
        margin-bottom: 10 * @hd;
        .am-progress-circle-info {
          .num {
            font-size: @font-size-heading;
          }
          .label {
            color: #CDCDCD;
          }
        }
      }
      .join {
        text-align: center;
        color: @color-text-caption;
        .number {
          font-size: 24 * @hd;
          line-height: 1.4;
        }
        .title {
          i {
            display: inline-block;
            width: 8 * @hd;
            height: 8 * @hd;
            border-radius: 50%;
            margin-right: 7 * @hd;
            background-image: linear-gradient(71deg, #8A8A8A 3%, #A6A6A6 100%);
          }
        }
      }
      .join:first-child {
        border-right: @border-width-sm solid @border-color-base;
      }
      .join.active {
        .number {
          color: #228EFF;
        }
        i {
          background-image: linear-gradient(71deg, #3DACF4 3%, #74BAFF 100%);
        }
      }
    }
    &-statistics {
      background-color: @fill-base;
      position: relative;
      border-radius: 10 * @hd;
      border: @border-width-sm solid #F1F1F1;
      margin: 8 * @hd 12 * @hd 0 12 * @hd;
      box-sizing: border-box;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      .am-list-body {
        border: 0;
      }
      &-title {
        font-size: @font-size-heading;
        margin: 10 * @hd 19 * @hd;
      }
      &-question {
        .label {
          white-space: pre-wrap;
        }
        .answer {
          line-height: 1.5;
          display: flex;
          justify-content: space-between;
          a, a:visited {
            color: #6484DE;
          }
        }
        /* 选项 */
        .options {
          .radio {
            .am-table-top {
              display: none;
            }
          }
          .am-table.com {
            .am-table-title {
              background: none !important;
              border-bottom: none !important;
            }
            .options {
              height: 100%;
              overflow: hidden;
              position: relative;
              .am-progress-outer {
                height: 8 * @hd;
                border-radius: 10 * @hd;
                overflow: hidden;
                width: 90%;
                margin: 0 auto;
                position: relative;
                top: 20%;
                .am-progress-bar {
                  height: 100% !important;
                  border: 0;
                  background-color: @brand-primary;
                }
              }
              .value {
                color: @color-text-caption;
              }
            }
          }
          .am-table {
            height: 100% !important;
            .am-table-box {
              position: static;
              .am-table-data {
                border: 0;
                .am-table-rowitem {
                  text-align: left;
                  .option-row {
                    height: 100%;
                    overflow: hidden;
                    position: relative;
                    .am-progress-outer {
                      height: 10 * @hd;
                      border-radius: 10 * @hd;
                      overflow: hidden;
                      width: 38%;
                      top: 50%;
                      position: absolute;
                      transform: translateY(-50%);
                      .am-progress-bar {
                        height: 100% !important;
                        border: 0;
                        background-color: @brand-primary;
                      }
                    }
                    .value {
                      position: absolute;
                      left: 42%;
                      color: @color-text-caption;
                    }
                  }
                }
               
              }
            }
          }
        }
      }
    }
  }

  &-person {
    height: 100%;
    position: relative;
    &-listContainer {
      position: absolute;
      width: 100%;
      top: @search-bar-height + 1;
      bottom: 0;
    }
    &-template {
      display: flex;
      &-userInfo {
        width: calc(~'100% -' 40 * @hd);
        box-sizing: border-box;
        margin-left: 3%;
        .department-time {
          color: @color-text-caption;
          .department {
            margin-right: 20 * @hd;
          }
        }
        .attachment {
          line-height: @line-height-paragraph;
          >div {
            margin-bottom: @v-spacing-xs;
          }
          .am-icon-enclosure {
            color: @color-text-caption;
          }
          a.name {
            color: @color-link;
            margin-left: @h-spacing-sm;
            word-break: break-all;
          }
        }
      }
    }
  }

  /* 催办 */
  &-urgent {
    height: 100%;
    position: relative;
    &-line-item {
        &.am-checkbox-item .am-list-thumb .am-checkbox {
            width: 44px !important;
        }

        &-setContent {
            color: @brand-primary;
        }
    }
    &-list {
        position: absolute;
        top: 0;
        bottom: @button-height;
        width: 100%;
    }
    &-btns {
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    /* 内容 */
    &-content {
        height: 100%;
        &-message, &-sms, &-email {
            height: 100%;
            position: relative;
            &-form {
                position: absolute;
                top: 0;
                bottom: @button-height;
                width: 100%;
            }
            &-btns {
                position: absolute;
                bottom: 0;
                width: 100%;
            }
        }
    }
  }
}